.home {
  @apply w-full h-full flex flex-col px-10 pt-10;
  font-family: PingFang SC;
  .statisticItem {
    @apply rounded bg-white flex items-center p-5 relative shrink-0 border-2 border-solid mb-8;
    width: 220px;
    height: 90px;
    border-radius: 10px;
    box-shadow: 3px 22px 50px -18px rgba(121, 120, 130, 0.15);
    margin-left: 10px;

    .itemImg {
      @apply mr-5;
      width: 50px;
      height: 50px;
    }

    .itemInfo {
      @apply flex-1;

      .infoTop {
        @apply text-main text-base leading-4 flex items-center;

        & > span {
          @apply mr-1 font-semibold;
        }

        .tooltips2 {
          @apply hidden;
        }

        & img {
          width: 14px;
          height: 14px;
        }

        &:hover {
          .tooltips2 {
            @apply inline-block;
          }

          .tooltips1 {
            @apply hidden;
          }
        }
      }

      .infoBottom {
        @apply flex items-end;

        &.notip {
          @apply mt-5;
        }

        .unit {
          @apply text-main font-semibold text-xs leading-5;
          transform: scale(0.8);
        }

        .amount {
          @apply text-xl font-semibold;
          font-family: PingFang SC;
          color: #141736;
        }
      }
    }

    .shouru {
      @apply h-8 leading-8 text-center absolute bottom-0 text-xs text-main-assist;
      border-top: 1px solid #eee;
      width: calc(100% - 52px);
      left: 26px;
    }
  }
  .dataDetail {
    @apply font-medium mt-2 mb-5;
    font-size: 18px;
    color: #1d2129;
  }
}
